<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%- title %></title>
<style>
html,body,#app{width:100%;height:100%;padding:0;margin:0}
.app-loading-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.app-loading-inner{display:flex;align-items:center;justify-content:center;padding:98px}
.app-loading-inner .dot{position:relative;box-sizing:border-box;display:inline-block;width:32px;height:32px;font-size:32px;transform:rotate(45deg);animation:app-loading-rotate 1.2s infinite linear}
.app-loading-inner .dot i{position:absolute;display:block;width:14px;height:14px;background-color:#1890ff;border-radius:100%;opacity:.3;transform:scale(.75);transform-origin:50% 50%;animation:app-spin-move 1s infinite linear alternate}
.app-loading-inner .dot i:nth-child(1){top:0;left:0}
.app-loading-inner .dot i:nth-child(2){top:0;right:0;animation-delay:.4s}
.app-loading-inner .dot i:nth-child(3){right:0;bottom:0;animation-delay:.8s}
.app-loading-inner .dot i:nth-child(4){bottom:0;left:0;animation-delay:1.2s}
@keyframes app-loading-rotate{to{transform:rotate(405deg)}}
@keyframes app-spin-move{to{opacity:1}}
.app-browser-tip{display:none;position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;background-color:#fff;}
.app-ie-tip{width:960px;margin:50px auto 0;padding:10px;font-size:14px;line-height:24px;color:#454545;font-family:'Microsoft YaHei UI','Microsoft YaHei',DengXian,SimSun,'Segoe UI',Tahoma,Helvetica,sans-serif;}
.app-ie-tip h1{font-size:40px;line-height:80px;font-weight:100;margin-bottom:10px;}
.app-ie-tip h2{font-size:20px;line-height:25px;font-weight:100;margin:10px 0;}
.app-ie-tip p{margin-bottom:10px;}
.app-ie-tip hr{margin:20px 0;border:0;border-top:1px solid #dadada}
.app-ie-tip span{display:block;font-size:12px;line-height:12px;}
.app-ie-tip a{text-decoration:none;color:#0072c6;}
.app-ie-tip a:hover{text-decoration:none;color:#004d8c;}
.app-ie-tip .clean{clear:both;}
.app-ie-tip .browser{padding:10px 10px;}
.app-ie-tip .browser li{width:auto;padding:0 80px;margin-top:30px;height:34px;line-height:22px;float:left;list-style:none;background:url('/images/browser.png') no-repeat;padding-left:40px}
.app-ie-tip .browser .browser-firefox{background-position:0 -34px}
.app-ie-tip .browser .browser-ie{background-position:0 -68px;margin-left:0px}
.app-ie-tip .browser .browser-360{background-position:0 -102px;margin-left: -27px}
</style>
</head>
<body>
<div class="app-browser-tip" id="appBrowserTip">
  <div class="app-ie-tip">
    <h1>请升级您的浏览器，以便我们更好的为您提供服务！</h1>
    <p>您正在使用 Internet Explorer 或使用该内核的浏览器。这意味着在升级浏览器前，您将无法访问此网站。</p>
    <hr>
    <h2>请注意：微软公司已放弃对 Internet Explorer 系列浏览器的支持，您可以选择更先进的浏览器。</h2>
    <p>推荐使用以下浏览器的最新版本。如果您的电脑已有以下浏览器的最新版本则直接使用该浏览器访问即可。</p>
    <ul class="browser">
      <li class="browser-chrome">
        <a href="https://www.google.cn/chrome/browser/desktop/index.html?hl=zh-CN&standalone=1" target="_blank">谷歌浏览器<span>Google Chrome</span></a>
      </li>
      <li class="browser-firefox">
        <a href="https://www.mozilla.org/zh-CN/firefox/new/" target="_blank">火狐浏览器<span>Mozilla Firefox</span></a>
      </li>
      <li class="browser-360">
        <a href="http://se.360.cn/" target="_blank">360安全浏览器<span>360 Chrome</span></a>
      </li>
      <div class="clean"></div>
    </ul>
  </div>
</div>
<div id="app">
  <div class="app-loading-wrapper">
    <div class="app-loading-inner">
      <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
    </div>
  </div>
</div>
<script type="module" src="/src/main.ts"></script>
<script type="text/javascript">
if (!!window.ActiveXObject || 'ActiveXObject' in window) {
  document.getElementById('appBrowserTip').style.display = 'block'
}
</script>
</body>
</html>
